﻿@inherits UserBase;
@page "/user/personalcenter"


<GridContent>
    <Row Gutter="24"  Justify="center">
        <AntDesign.Col Lg="14" Md="24">
            <Card Style="margin-bottom: 24px;">
                <div class="avatarHolder">
                    <img alt="" src="@CurrentUserProfile.Avatar" />
                    <div class="name">@CurrentUserProfile.NickName</div>
                    <div>@CurrentUserProfile.Signature</div>
                </div>
                <div class="detail">
                    <div>
                    <span>
                        <Icon Class="detailIcon" Type="phone" Theme="outline" Style="margin-right:8px;"/>
                        @CurrentUserProfile.PhoneNumber
                    </span>
                    <span>
                        <Icon Type="mail" Theme="outline" Style="margin-right:8px;" />
                        @CurrentUserProfile.Email
                    </span>
                    <span>
                       <Icon Type="home" Theme="outline"  Style="margin-right:8px;"/>
                        @CurrentUserProfile.Address
                    </span>
                </div>
                </div>
                

                <Divider Dashed />

                <div class="tags">
                    <div class="tagsTitle">Clients</div>
                   
                </div>

                <Divider Dashed Style="margin-top: 16px;" />

                <div class="team">
                    <div class="teamTitle">ApiResources</div>
                    <!--todo: add notice-->
                </div>
            </Card>
        </AntDesign.Col>
    </Row>
</GridContent>